<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/member.css" />
		<link rel="stylesheet" type="text/css" href="../../../js/minirefresh/minirefresh.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../js/minirefresh/common.css" />
		<style>
			.mui-fullscreen { top: 84px!important;}
			.mui-fullscreen .mui-segmented-control~.mui-slider-group{ top: 0; background: #FAFAFF;}
			.minirefresh-scroll{ padding-top: 20px; background: #FAFAFF;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav bxn1">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的订单</h1>
		</header>

		<div class="content getHeight" v-cloak id="my_order">
			<div id="slider" class="mui-content mui-slider mui-fullscreen">
				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted boxShadow">
					<a tab-index="1" class="mui-control-item" @tap="select_tap($event)" :class="(tabIndex == 1) ? 'mui-active' : ''">网课订单<em></em></a>
					<a tab-index="2" class="mui-control-item" @tap="select_tap($event)" :class="(tabIndex == 2) ? 'mui-active' : ''">商城订单<em></em></a>
					<a tab-index="3" class="mui-control-item" @tap="select_tap($event)" :class="(tabIndex == 3) ? 'mui-active' : ''">电子书订单<em></em></a>
				</div>

				<div class="mui-slider-group">
					<div v-show="tabIndex == 1" class="mui-slider-item mui-control-content mui-active">
						<div id="minirefresh1" class="minirefresh-wrap">
							<div class="minirefresh-scroll">
								<ul class="data-list">
									<div class="orderBox" v-if="course_order.length > 0" v-for="val in course_order">
										<div class="box_item" @tap="open_myOrderDetail(val.id)">
											<div class="orderNum_status">
												<span class="orderNum"><em>{{val.order_num}}</em></span>
												<span class="orderStatus hadPayStatus" v-if="val.ispay == 'YES_PAY'">已付款</span>
												<span class="orderStatus noPayStatus" v-if="val.ispay == 'NO_PAY'">未付款</span>
											</div>
											<div class="orderName">
												<div><img class="netCourse" :src="val.goods_info.product_img" /></div>

													<div class="tt_txt">
														<p class="ellipsis2">{{val.goods_info.product_title}}</p>
													</div>
											</div>
											<div class="orderTimePrice">
												<span class="orderTime">{{val.order_time}}</span>
												<span class="orderPrice">{{val.goods_info.amount}}元</span>
											</div>
										</div>
									</div>
									<div class="orderBox bxn" v-if="course_order.length == 0">
										<p class="noOrderPic"><img src="../../../images/noProducts.png" /></p>
										<p class="noOrderTxt">暂无订单</p>
									</div>
								</ul>
							</div>
									
						</div>
					</div>


					<div v-show="tabIndex == 2" class="mui-slider-item mui-control-content">
						<div id="minirefresh2" class="minirefresh-wrap">
							<div class="minirefresh-scroll">
								<ul class="data-list">
									<div class="orderBox" v-if="shop_order.length > 0" v-for="val in shop_order">
										<div class="box_item" @tap="open_myOrderDetail(val.id)">
											<div class="orderNum_status">
												<span class="orderNum"><em>{{val.order_num}}</em></span>
												<span class="orderStatus hadPayStatus" v-if="val.ispay == 'YES_PAY'">已付款</span>
												<span class="orderStatus noPayStatus" v-if="val.ispay == 'NO_PAY'">未付款</span>
											</div>
											<div class="orderName">
												<div><img class="mallCourse" :src="val.product_img" /></div>
												<div class="tt_txt">
													<p class="ellipsis2">{{val.goods_info.product_title}}</p>
													<div class="model">
														<span>{{val.goods_info.specification}}</span>
														<span>x{{val.goods_info.buy_num}}</span>
													</div>
												</div>
											</div>
											<div class="orderTimePrice">
												<span class="orderTime">{{val.order_time}}</span>
												<span class="orderPrice">{{val.goods_info.amount}}元</span>
											</div>
										</div>
									</div>
									<div class="orderBox bxn" v-if="shop_order.length == 0">
										<p class="noOrderPic"><img src="../../../images/noProducts.png" /></p>
										<p class="noOrderTxt">暂无订单</p>
									</div>
								</ul>
							</div>
						</div>
					</div>

					<div v-show="tabIndex == 3" class="mui-slider-item mui-control-content">
						<div id="minirefresh3" class="minirefresh-wrap">
							<div class="minirefresh-scroll">
								<ul class="data-list">
									<div class="orderBox" v-cloak v-if="ebook_order.length > 0" v-for="val in ebook_order">
										<div class="box_item" @tap="open_myOrderDetail(val.id)">
											<div class="orderNum_status">
												<span class="orderNum"><em>{{val.order_num}}</em></span>
												<span class="orderStatus hadPayStatus" v-if="val.ispay == 'YES_PAY'">已付款</span>
												<span class="orderStatus noPayStatus" v-if="val.ispay == 'NO_PAY'">未付款</span>
											</div>
											<div class="orderName">
												<div><img class="eBookCourse" :src="val.goods_info.thumb" /></div>
												<div class="tt_txt">
													<p class="ellipsis2">{{val.goods_info.product_title}}</p>
												</div>
											</div>
											<div class="orderTimePrice">
												<span class="orderTime">{{val.order_time}}</span>
												<span class="orderPrice">{{val.goods_info.amount}}元</span>
											</div>
										</div>
									</div>
									<div class="orderBox bxn" v-if="ebook_order.length == 0">
										<p class="noOrderPic"><img src="../../../images/noProducts.png" /></p>
										<p class="noOrderTxt">暂无订单</p>
									</div>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/h.min.js"></script>
		<script src="../../../js/minirefresh/minirefresh.min.js"></script>
		<script src="../../../js/public.js"></script>
		<script type="text/javascript" src="../../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../../js/tpl/myOrder.js"></script>
		<script src="../../../js/vue.js"></script>
	</body>

</html>
